.list-item {
	display: flex;
	flex-direction: row;
	height: 1.3rem;
	margin-top: .15rem;
	background-color: #fff;
	border-radius: .1rem;

	.cell {
        height: 100%;

        &.check-cell {
            display: flex;
            justify-content: center;
            align-items: center;
            flex: 1;
        }

        &.img-cell {
        	display: flex;
            flex: 2;
            justify-content: center;
            align-items: center;
            padding: 0 .1rem;
            box-sizing: border-box;
        }

        &.info-cell {
            flex: 4;
            padding: .15rem .1rem;
            box-sizing: border-box;

            .title {
            	height: .50rem;
            	line-height: .16rem;
            	font-size: .16rem;
            	overflow: hidden;
            }

            .bottom {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            	margin-top: .25rem;

            	.price {
            		width: 50%;
            		font-weight: bold;
            		color: #f40;
            		font-size: .16rem;
            	}

            	.selector {
            		display: flex;
            		justify-content: flex-end;
            		width: 50%;
            	}
            }
        }

        &.remove-cell {
            display: none;
            justify-content: center;
            align-items: center;
            flex: 1;

            .fa {
                font-size: .2rem;
                color: #f00;
            }

            &.show {
                display: flex;
            }
        }
	}
}
















